{% extends 'base.html' %}
{% block content %}
    <div class="row">
      <div class="jumbotron" style="background-color:rgba(255,255,255,0);margin-top:-45px">
        <h1 class="display-4" >您好！</h1>
        <p class="lead">欢迎来到<span style="color:#71c016;font-weight:500">「基于知识图谱的杂豆病虫害问答系统」</span></p>
        <hr class="my-4">
        <p style="font-size:16px">本系统涵盖菜豆、绿豆、黑豆、豇豆、毛豆、豌豆、扁豆、蚕豆共8种杂豆，您可以询问杂豆病虫害相关问题，如为害症状、防治方法等。</p>
        <a class="btn btn-success btn-lg" href="/qa" role="button">开始</a>
      </div>
    </div>
{% endblock %}
{% block js %}
    $(function(){
        $('#home i').css('color','#71c016');
        $('#home span').css('color','#71c016');
        $('.content-wrapper').css('background','url(../static/images/background2.png)')
    })
{% endblock %}